<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>记录查询</title>
</head>
<style>
  body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 100vh;
    margin: 0;
    font-family: Arial, sans-serif;
  }
  h1 {
    text-align: center;
  }

  hr {
    width: 50%; /* 可根据需要调整分隔线的宽度 */
    border: none;
    height: 1px;
    color: #333; /* 分隔线颜色 */
    background-color: #333;
    margin: 20px 0; /* 分隔线上下边距 */
  }
</style>
<script src="js/jquery-1.8.0.js"></script>
<script>
    function queryRecord(){
        var recordID = document.getElementById('recordID').value;
        var url = 'http://localhost/order/getaccount/' + recordID;
        window.location.href = url; // 重定向到新的URL
    }
</script>
<body>

<h1>银行账户管理系统 -查询</h1>
<hr>
<div class="query-form">
    记录ID：<input type="text" id="recordID" name="recordID" placeholder="请输入记录ID">
    <button onclick="queryRecord()">查询</button>
</div>
</body>
</html>